<link rel="stylesheet" href="/__assets/mcchampdeals/css/styles.css">
<!--jQuery-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="/__assets/mcchampdeals/js/jquery.reveal.js"></script>
<div id="modal">
	<div id="heading">
		Please Login
	</div>

	<div id="content">
	   <form action="<?=BASEURL?>/login" method="post">
			<p>
			<br>
				Username:
			<br>
				<input type="text" name="username" value="<?=(isset($username) )? $username : "" ?>">
			<br>
				Password:
			<br>
				<input type="text" name="password" value="<?=(isset($password) )? $password : "" ?>">
			<br>
			<strong><input type="submit" class="btn"value="Login"></strong>
			<br><br><br>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="#" class="closeDialog">Skip >> </a>
			</p>
		</form>
	</div>
</div>

<script type="text/javascript">
	$(document).ready(function() {
	//	$('#button').click(function(e) { // Button which will activate our modal
		   	$('#modal').reveal({ // The item which will be opened with reveal
			  	animation: 'fade',                   // fade, fadeAndPop, none
				animationspeed: 600,                       // how fast animtions are
				closeonbackgroundclick: true,              // if you click background will modal close?
				dismissmodalclass: 'closeDialog'    // the class of a button or element that will close an open modal
			});
		return false;
		//});
	});
</script>